今天要來處理socket的部分，下面是邀請線上人的流程

1. A新增頻道
2. 邀請Ｂ
3. 通知Ｂ要被加入頻道
4. Ｂ接受並加入頻道

原本我第一版的寫法，因為沒認真看文件(咦)，所以先硬幹了一版，用資料記每個頻道有誰，然後用迴圈一個一個發訊息出去，直到我發現了join這東東，還是認份地換了一個版本Orz

socket.join('roomName', () => {
    //join會把使用者加到`roomName`，之後就可以針對roomName裡的人發送訊息
    io.to('roomName').emit('msg'); 
  });

• A新增頻道
  

我把觸發事件做在這上面(vue)

addChat() {
    let newChannel = {
      channelId: this.newKey(),
      name: 'undefined',
      members: [this.loginData],
      msg: []
    }
    this.$socket.emit('newChannel', newChannel, () => {
      this.SET_CHANNEL(newChannel) // 將新頻道資料送給socket後將頻道資料也存到store去
    })
  },

socket上監聽newChannel新增聊天室（把自己加進一個新的頻道）(socket)

socket.on("newChannel", (data, callback) => {
    socket.join(data.channelId, () => {
      callback(); // 加進頻道後callback把頻道資料丟到store
    });
  });

• 邀請Ｂ(vue)
  目前邀請人做得很陽春，直接點線上人列表，就可以把對方加進來

inviteMember(member) {
    const sendData = {
      channel: this.channels.now,
      member: member
    }
    this.$socket.emit('inviteMember', sendData, () => {
      this.INVITE_MEMBER(sendData) // callback更新Ａ端頻道成員資料
    })
  },

• socket通知Ｂ要被加入頻道(socket)
  socket接收到邀請通知，並通知受邀人

socket.on("inviteMember", (data, callback) => {
    // 針對邀請對象發出joinChannel事件
    io.to(data.member.socketId).emit("joinChannel", data.channel);
    callback();
  });

• Ｂ接受並加入頻道(vue)
  我這邊沒有特別做確認加入之類的介面通知，直接被拐進去直接就接受邀請加入頻道

joinChannel(channel) {
    this.$socket.emit('acceptJoin', channel,()=>{
        // callback後更新Ｂ方的store資料
        this.SET_CHANNEL(channel)
        this.SET_NOW_CHANNE(channel)
    })
  },

socket將Ｂ加入頻道

socket.on("acceptJoin", (channel, callback) => {
    // 接受聊天室邀請
    socket.join(channel.channelId, () => {
      callback();
    });
  });

最後調整一下傳訊息的那個事件(socket)
all的時候就是在聊天大廳，收到的訊息就全世界發送，不是的話就是針對頻道的人傳訊息

socket.on("msg", function(msg) {
    if (msg.channel.channelId === "all") {
      io.emit("uploadMsg", msg);
    } else {
      io.to(msg.channel.channelId).emit("uploadMsg", msg);
    }
  });

結論就是socket就是個踢皮球的概念